<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta name="Anthor" content="阿飞老师" />
        <title>Title</title>
        <link rel="stylesheet" href="css/index.css" />
    </head>
    <body>

        <div id="all">
            <!--主屏显示-->
            <div id="main">
                <!--所有li模块-->
                <div id="list">
                    <ul></ul>
                </div>

                <!--左下角按钮-->
                <div id="btn">
                    <ul>
                        <li>Table</li>
                        <li>Sphere</li>
                        <li>Helix</li>
                        <li>Grid</li>
                    </ul>
                </div>

                <!--li点击后的弹出层-->
                <div id="alert" class="before">
                    <div class="title"><span>课题：VIP57课-潭州案例库的制作</span></div>
                    <div class="img"><img src="img/test.png" /></div>
                    <div class="author"><span>主讲老师：阿飞老师</span></div>
                    <div class="info"><span>描述：这大概是最屌的案例了……</span></div>
                </div>

                <!--返回按钮-->
                <div id="back">Back</div>
            </div>

            <!--框架展示-->
            <iframe scrolling="no" src="" id="frame"></iframe>

        </div>
        <script src="js/data.js"></script>
        <script src="js/index.js"></script>
    </body>
</html>













